// http://ionicframework.com/docs/theming/
@import '~@ionic/angular/css/core.css';
@import '~@ionic/angular/css/normalize.css';
@import '~@ionic/angular/css/structure.css';
@import '~@ionic/angular/css/typography.css';
@import '~@ionic/angular/css/display.css';
@import '~@ionic/angular/css/padding.css';
@import '~@ionic/angular/css/float-elements.css';
@import '~@ionic/angular/css/text-alignment.css';
@import '~@ionic/angular/css/text-transformation.css';
@import '~@ionic/angular/css/flex-utils.css';

.care-color {
    background-color: #009e41;
}

.white-color {
    background-color: #ffffff;
}

.coverAll {
    width: 100%;
    height: 100%;
    min-height: 667px;
    //background-image: url('./assets/img/coverbgimg.png');
    background-size:100% 100%;
    background-repeat: no-repeat;
    padding-top: 70px;
}

.patientBg {
    width: 100%;
    height: auto;
    background-image: url('./assets/img/patientBg.jpg');
    background-size: 100% auto;
    background-repeat: no-repeat;
    text-align: center;
    padding-top: 9vh;
    padding-bottom: 9vh;
}

.defaultButton {
    width: 68vw;
    margin:0 auto;
}

.inputStyle{
    width: calc(100% - 10vw);height: 40px;float: left;font-size: 14px;border: none;outline: none;background: none;
}

.inputPhoneStyle {
    width: calc(100% - 28vw);height: 40px;float: left;font-size: 14px;border: none;outline: none;background: none;
}

.iconStyle {
    width: 5vw;float: left;margin-top: 1vh;margin-right: 4vw
}

.inputBox {
    width: 68vw;overflow: hidden;margin: 0 auto;border-bottom: 2px solid #cccccc;margin-bottom: 1vh;
}

.inputStyle2 {
    width: calc(100% - 25vw);height: 40px;font-size: 14px;border: none;outline: none;background: none;
}

.iconStyle2 {
    width: 5vw;margin-top: 1vh;
}

.passwordZone {
    width: 68vw;
    margin: 0 auto;
    margin-top: 35px;
    font-size: 14px;
    overflow: hidden;
}

.registerWords {
    font-size: 40px; font-weight: bold;font-family: 'Arial';color: white;margin: 0 auto
}

.hasAccount {
    width: 75vw;
    overflow: hidden;
    margin: 0 auto;
    margin-top: 17px;
}

.wordOne {
    width: 100%;
    font-size: 22px;
    font-weight: bold;
    color: #009e41;
    text-align: center;
    margin-top: 75px;
}

.wordTwo {
    width: 100%;
    font-size: 14px;
    font-weight: bold;
    color: #b2b2b2;
    text-align: center;
    margin-top: 5px;
}

.infosImg {
    width: 180px;
    height: auto;
    margin-left: -40px;
    margin-top: 35px;
}

.diyItemStyle {
    width: 100%; height: 30px;border-bottom: 1px solid #cccccc;overflow: hidden;margin-bottom: 17px;overflow: hidden;
}

.profiles {
    width: calc(100% - 40px);
    height: auto;
    margin: 0 auto;
}

.starStyle {
    color: red; font-size: 25px;margin-right: 5px;float: left;
}

.iconRight {
    width: 6px;height:auto;float: right;margin-top: 5px;
}

.selectedWords {
    float: right;margin-right: 5px;
}

.headerAll {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 6vh;
    text-align: center;
    padding-top: 1vh;
}

.aInputStyle {
    width: 50vw;
    height: 3.5vh;
    float: right;
    text-align: right;
    margin-right: 5px;
}

.titleStyle {
    width: 100%; font-size: 20px;padding-top: 20px;margin-bottom: 20px
}

.item-margin-top {
    margin-top: 1vh;
}

.flex-hor {
    display: flex;
    flex-direction: row;
}

.flex-hor-st {
    @extend .flex-hor;
    justify-content: flex-start;
}

.flex-hor-cnt {
    @extend .flex-hor;
    justify-content: center;
}

.flex-hor-cnt-cnt {
    @extend .flex-hor-cnt;
    align-items: center;
}

.flex-hor-st-cnt {
    @extend .flex-hor-st;
    align-items: center;
}

.flex-hor-sa {
    @extend .flex-hor;
    justify-content: space-around;
}

.flex-hor-sb {
    @extend .flex-hor;
    justify-content: space-between;
}

.flex-hor-sa-cnt {
    @extend .flex-hor-sa;
    align-items: center;
}

.flex-hor-sb-cnt {
    @extend .flex-hor-sb;
    align-items: center;
}

.titleFont {
    font-size: 16px;
}

.flex-ver {
    display: flex;
    flex-direction: column;
}

.flex-ver-cnt {
    @extend .flex-ver;
    justify-content: center;
}

.flex-ver-start {
    @extend .flex-ver;
    justify-content: flex-start;
}

.flex-ver-cnt-cnt {
    @extend .flex-ver-cnt;
    align-items: center;
}

.flex-ver-start-cnt {
    @extend .flex-ver-start;
    align-items: center;
}

.flex-ver-cnt-st {
    @extend .flex-ver-cnt;
    align-items: flex-start;
}

.flex-ver-spa {
    @extend .flex-ver;
    justify-content: space-around;
}

.flex-ver-spa-cnt {
    @extend .flex-ver-spa;
    align-items: center;
}

.unreadDotMD {
    width: 10px;
    height: 10px;
    background-color: red;
    border-radius: 50% 50%;
    position: absolute;
    top: 14px;
    left: 27px;
    z-index: 100000;
}

.unreadDotIOS {
    width: 10px;
    height: 10px;
    background-color: red;
    border-radius: 50% 50%;
    position: absolute;
    top: 5px;
    left: 27px;
    z-index: 100000;
  }

  .privacyPolicy {
    width: 75vw;
    overflow: hidden;
    margin: 0 auto;
    margin-top: 17px;
}

.alert-message.sc-ion-alert-ios {
    text-align: justify;
}

.policyFont {
    color:#4080ff;
}

.popupModal {
    --background: var(
                    --ion-overlay-background-color,
                    var(--ion-color-step-100, #f9f9f9)
    );
    --backdrop-opacity: var(--ion-backdrop-opacity, 0.3);
    //--max-width: 80%;
    //--min-width: 80%;
    --width: 100%;
    //--max-height: 100%;
    //--min-height: auto;
    --height: 100%;
}
